﻿<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Tích hợp hệ thống</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css"
        title="2col" />
    <link rel="alternate stylesheet" media="screen,projection" type="text/css" href="css/1col.css"
        title="1col" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/mystyle.css" />

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/switcher.js"></script>

    <script type="text/javascript" src="js/toggle.js"></script>

    <script type="text/javascript" src="js/ui.core.js"></script>

    <script type="text/javascript" src="js/ui.tabs.js"></script>

    <script type="text/javascript">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
	});
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div id="main">
                <!-- Tray -->
                <div id="tray" class="box">
                    <p class="f-left box">
                        <!-- Switcher -->
                        <span class="f-left" id="switcher"><a href="javascript:void(0);" rel="1col" class="styleswitch ico-col1"
                            title="Display one column">
                            <img src="design/switcher-1col.gif" alt="1 Column" /></a> <a href="javascript:void(0)"
                                rel="2col" class="styleswitch ico-col2" title="Display two columns">
                                <img src="design/switcher-2col.gif" alt="" /></a> </span><strong>Tích hợp hệ thống - VBSP</strong>
                    </p>
                    <p class="f-right">
                        Xin chào: <strong><a href="#">Admin</a></strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <strong><a href="#" id="logout">Thoát</a></strong></p>
                </div>
                <!--  /tray -->
                <hr class="noscreen" />
                <!-- Menu -->
                <div id="menu" class="box">
                    <%--<ul class="box f-right">
                        <li><a href="#"><span><strong>Visit Site &raquo;</strong></span></a></li>
                    </ul>--%>
                    <ul class="box">
                        <li><a href="#"><span>Trang chủ</span></a></li>
                        <!-- Active -->
                        <li id="menu-active"><a href="#"><span>Danh mục tích hợp</span></a></li>
                        <li><a href="#"><span>Báo cáo</span></a></li>
                        <li><a href="#"><span>Theo dõi hệ thống</span></a></li>
                    </ul>
                </div>
                <!-- /header -->
                <hr class="noscreen" />
                <!-- Columns -->
                <div id="cols" class="box">
                    <!-- Aside (Left Column) -->
                    <div id="aside" class="box">
                        <div class="padding box">
                            <!-- Logo (Max. width = 200px) -->
                            <p id="logo">
                                <a href="#">
                                    <img src="tmp/LogoVBSP.png" alt="" /></a></p>
                                
                        </div>
                        <!-- /padding -->
                        <ul class="box">
                            <li><a href="#">Truy vấn số dư</a></li>
                            <li><a href="#">Rút tiền mặt</a></li>
                            <li><a href="#">Truy vấn chi tiết khách hàng</a></li>
                            <li id="submenu-active"><a href="#">Mối liên hệ khách hàng</a>
                                <!-- Active -->
                                <ul>
                                    <li><a href="#">Thông tin yêu cầu</a></li>
                                    <li><a href="#">Thông tin hồi đáp</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Chuyển tiền</a></li>
                            <li><a href="#">Truy vấn tỷ giá</a>
                                <ul>
                                    <li><a href="#">Thông tin yêu cầu</a></li>
                                    <li><a href="#">Thông tin hồi đáp</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Truy vấn sao kê</a></li>
                            <li><a href="#">Truy vấn địa chỉ chi nhánh</a></li>
                            <li><a href="#">Truy vấn lãi suất tiền gửi</a></li>
                            <li><a href="#">Cổng thông tin thương mại</a></li>
                            <li><a href="#">Chuyển tiền liên ngân hàng</a></li>
                            <li><a href="#">Sao kê khoản vay</a></li>
                            <li><a href="#">Truy vấn khoản vay</a></li>
                            <li><a href="#">Lịch thanh toán khoản vay</a></li>
                            <li><a href="#">Lịch giải ngân khoản vay</a></li>
                            <li><a href="#">Truy vấn giao dịch</a></li>
                            <li><a href="#">Truy vấn tiền gửi có kỳ hạn</a></li>
                            <li><a href="#">Truy vấn lịch sử giao dịch tài khoản</a></li>
                        </ul>
                    </div>
                    <!-- /aside -->
                    <hr class="noscreen" />
                    <!-- Content (Right Column) -->
                    <div id="content" class="box">
                        <h1>
                            Styles</h1>
                        <!-- Headings -->
                        <h2>
                            Heading H2</h2>
                        <h3>
                            Heading H3</h3>
                        <h4>
                            Heading H4</h4>
                        <h5>
                            Heading H5</h5>
                        <!-- System Messages -->
                        <h3 class="tit">
                            System Messages</h3>
                        <p class="msg warning">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <p class="msg info">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <p class="msg done">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <p class="msg error">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        <!-- Tabs -->
                        <h3 class="tit">
                            Tabs</h3>
                        <div class="tabs box">
                            <ul>
                                <li><a href="#tab01"><span>Lorem ipsum</span></a></li>
                                <li><a href="#tab02"><span>Lorem ipsum</span></a></li>
                                <li><a href="#tab03"><span>Lorem ipsum</span></a></li>
                            </ul>
                        </div>
                        <!-- /tabs -->
                        <!-- Tab01 -->
                        <div id="tab01">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </div>
                        <!-- /tab01 -->
                        <!-- Tab02 -->
                        <div id="tab02">
                            <p>
                                Donec ornare, libero vitae facilisis molestie, mi sapien venenatis felis, sed mattis
                                lectus nisi ac massa.</p>
                        </div>
                        <!-- /tab02 -->
                        <!-- Tab03 -->
                        <div id="tab03">
                            <p>
                                Nam ut lorem eu orci placerat iaculis.</p>
                        </div>
                        <!-- /tab03 -->
                        <!-- 2 columns -->
                        <h3 class="tit">
                            2 Columns (50-50)</h3>
                        <div class="col50">
                            <p class="t-justify">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas
                                non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat
                                a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus,
                                urna augue sollicitudin tellus, vitae interdum arcu mi at est. Donec ornare, libero
                                vitae facilisis molestie, mi sapien venenatis felis, sed mattis lectus nisi ac massa.
                                Cras suscipit, neque ac auctor interdum, pede nibh porta lectus, nec aliquet nulla
                                ipsum ac nibh. Morbi feugiat ipsum id metus. In urna sapien, porttitor sed, consectetur
                                quis, lacinia eu, ante. Donec at ipsum. Sed arcu tellus, dapibus sit amet, auctor
                                nec, rutrum non, lacus. Nam ut lorem eu orci placerat iaculis. Proin bibendum. Suspendisse
                                consequat.</p>
                        </div>
                        <!-- /col50 -->
                        <div class="col50 f-right">
                            <p class="t-justify">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et risus. Maecenas
                                non nunc. Proin eleifend viverra sapien. Donec id augue. Duis erat nunc, volutpat
                                a, bibendum quis, placerat vitae, enim. Etiam consectetur, velit in viverra tempus,
                                urna augue sollicitudin tellus, vitae interdum arcu mi at est. Donec ornare, libero
                                vitae facilisis molestie, mi sapien venenatis felis, sed mattis lectus nisi ac massa.
                                Cras suscipit, neque ac auctor interdum, pede nibh porta lectus, nec aliquet nulla
                                ipsum ac nibh. Morbi feugiat ipsum id metus. In urna sapien, porttitor sed, consectetur
                                quis, lacinia eu, ante. Donec at ipsum. Sed arcu tellus, dapibus sit amet, auctor
                                nec, rutrum non, lacus. Nam ut lorem eu orci placerat iaculis. Proin bibendum. Suspendisse
                                consequat.</p>
                        </div>
                        <!-- /col50 -->
                        <div class="fix">
                        </div>

                        <!-- Table (TABLE) -->
                        <h3 class="tit">
                            Table</h3>
                        <table>
                            <tr>
                                <th>
                                    Lorem ipsum</th>
                                <th>
                                    Lorem ipsum</th>
                                <th>
                                    Lorem ipsum</th>
                                <th>
                                    Lorem ipsum</th>
                                <th>
                                    Lorem ipsum</th>
                            </tr>
                            <tr>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                            </tr>
                            <tr class="bg">
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                            </tr>
                            <tr>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                            </tr>
                            <tr class="bg">
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                            </tr>
                            <tr>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                                <td>
                                    Lorem ipsum</td>
                            </tr>
                        </table>
                        <!-- Form -->
                        <h3 class="tit">
                            Form</h3>
                        <fieldset>
                            <legend>Legend</legend>
                            <table class="nostyle">
                                <tr>
                                    <td style="width: 70px;">
                                        Input:</td>
                                    <td>
                                        <input type="text" size="40" name="" class="input-text" /></td>
                                </tr>
                                <tr>
                                    <td>
                                        Input:</td>
                                    <td>
                                        <input type="text" size="40" name="" class="input-text" disabled="disabled" /></td>
                                </tr>
                                <tr>
                                    <td class="va-top">
                                        Input:</td>
                                    <td>
                                        <textarea cols="75" rows="7" class="input-text"></textarea></td>
                                </tr>
                                <tr>
                                    <td>
                                        Input:</td>
                                    <td>
                                        <label>
                                            <input type="checkbox" />
                                            Lorem ipsum</label>
                                        &nbsp;
                                        <label>
                                            <input type="checkbox" />
                                            Lorem ipsum</label>
                                        &nbsp;
                                        <label>
                                            <input type="checkbox" />
                                            Lorem ipsum</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Input:</td>
                                    <td>
                                        <label>
                                            <input type="radio" />
                                            Lorem ipsum</label>
                                        &nbsp;
                                        <label>
                                            <input type="radio" />
                                            Lorem ipsum</label>
                                        &nbsp;
                                        <label>
                                            <input type="radio" />
                                            Lorem ipsum</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="t-right">
                                        <input type="submit" class="input-submit" value="Submit" /></td>
                                </tr>
                            </table>
                        </fieldset>
                    <!-- /content -->
                </div>
                <!-- /cols -->
                <hr class="noscreen" />
                <!-- Footer -->
                <div id="footer" class="box">
                    <p class="f-left">
                        &copy; 2009 <a href="#">NGÂN HÀNG CHÍNH SÁCH XÃ HỘI</a></p>
                    <p class="f-right">
                        </p>
                </div>
                <!-- /footer -->
            </div>
            <!-- /main -->
        </div>
    </form>
</body>
</html>
